<template>
  <div>
    <div v-css>hello <button @click="count++">{{ count }}</button></div>

    <BsButton v-if="count % 2 === 0"></BsButton>
  </div>
</template>

<script setup>
import { ref } from 'vue';
import BsButton from './components/BsButton.vue';
const count = ref(0)

const vCss = {
  created() {
    console.log('created');
  },
  beforeMount() {
    console.log('beforeMount');
  },
  mounted(el) {
    console.log('mounted');
  },
  beforeUpdate() {
    console.log('beforeUpdate');
  },
  updated() {
    console.log('updated');
  },
  beforeUnmount() {
    console.log('beforeUnmount');
  },
  unmounted() {
    console.log('unmounted');
  }
}
</script>
